<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<%@ include file="/common/taglibs.jsp"%>
<title>出差录入</title>
<%@ include file="/common/meta.jsp"%>
<link href="${ctx}/assets/plugins/bootstrap-datepicker/css/datepicker.css" rel="stylesheet" />
<link href="${ctx}/assets/plugins/bootstrap-datepicker/css/datepicker3.css" rel="stylesheet" />
</head>
<body>
	<%-- <c:redirect url="/user/list.html"/> --%>
	<!-- begin #page-container -->
	<div id="page-container" class="fade page-sidebar-fixed page-header-fixed">
		<!-- #header -->
		<%@ include file="/common/header.jsp"%>
		<!-- #slider -->
		<%@ include file="/common/slider.jsp"%>
		
		<!-- begin #content -->
		<div id="content" class="content" style="padding-top:20px">
			<!-- begin row -->
			<div class="row">
				<!-- begin col-8 -->
				<div class="col-md-12">
					<div class="panel panel-inverse">
						<div class="panel-heading">
							<form class="form-horizontal" id="searchForm" name="searchForm">
								<div class="">
									<div class="row">
										<div class="col-md-4">
											<div class="m-t-20 p-b-20">
												<label class="col-md-4 control-label ui-sortable">开始日期：</label>
												<div class="col-md-8 ui-sortable">
													<input type="text" class="form-control" id="startTime" name="startTime" placeholder="请选择开始时间" />
												</div>
											</div>
											<div class="m-t-20 p-b-20">
												<label class="col-md-4 control-label ui-sortable">结束日期：</label>
												<div class="col-md-8 ui-sortable">
													<input type="text" class="form-control" id="endTime" name="endTime" placeholder="请选择结束时间" />
												</div>
											</div>
										</div>
										<div class="col-md-4">
											<label class="col-md-4 control-label ui-sortable m-t-40">选取人员：</label>
											<input type="text" class="hidden" name="userIds" id="userIds" value="'0'"></input>
											<textarea class="ol-md-9 overflow-y-scroll width-250 height-100" id="userNames" placeholder="请选择员工..."></textarea>
											<button id="selected" name="selected" class="btn btn-success btn-xs m-l-5 m-b-15" type="button" title="选取">选取</button>
										</div>
										<div class="col-md-2">
											<shiro:hasPermission name="dictionary:list:search">
												<div>
													<button id="searchBtn" name="searchBtn" type="button" class="btn btn-success btn-sm m-r-5 m-b-5" title="<fmt:message key='public.button_save'/>">
													<!--fmt:message key="public.button_save"/-->提交</button>
												</div>
												<div>
													<button id="searchBtn" name="searchBtn" type="button" class="btn btn-success btn-sm m-r-5 m-b-5" title="<fmt:message key='public.button_read'/>">
													<!--fmt:message key="public.button_read"/-->导出</button>	
												</div>											
											</shiro:hasPermission>
										</div>
										<div class="col-md-2">
											<shiro:hasPermission name="dictionary:list:search">
												<button id="result-uploader" name="searchBtn" type="button" class="btn btn-success btn-sm m-r-5 m-b-5" title="<fmt:message key='public.button_search'/>">
												<!--fmt:message key="public.button_search"/-->导入</button>
											</shiro:hasPermission>
										</div>									
									</div>
								</div>	
							</form>
						</div>
						<div class="panel-body">
							<table id="abnormalClockListTable" class="table table-striped table-bordered table-hover">
								<thead>
									<tr>
										<th><fmt:message key="public.list.index"/></th>
										<th>姓名</th>
										<th>工号</th>
										<th>部门</th>
										<th>出差日期</th>
									</tr>
								</thead>
								<tbody>
								</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			<!-- end row -->
		</div>
		<!-- end #content -->
	</div>
	<!-- end page container -->
	<%@ include file="/common/footer.jsp"%>
	<!-- BEGIN PAGE LEVEL SCRIPTS -->
	<script src="${ctx }/assets/js/fineupload/fineuploader.js"></script>
	<script src="${ctx }/js/oahours/oahours.js"></script>
	<!-- END PAGE LEVEL SCRIPTS -->
	<script type="text/javascript">
	$(document).ready(function() {
		createUploader.uploader();
	});
	</script>
</body>
</html>